<template>
  <div class="payOrDrug-view">
    <left-sidebar :datas="list" @update-view="updateView"></left-sidebar>

    <!--    <center-view></center-view>-->
    <div class="centerView">
      <router-view ref="routerView" />
    </div>
  </div>
</template>
<script>
    export default {
        data: function () {
            return {
                list: [
                    {
                        title: "直接售药",
                        iconType: "iconFont",
                        iconFont: "iconfont icon-yaopin",
                        path: "/payOrDrug/payDrug",
                    },
                    {
                        title: "待收费",
                        iconType: "iconFont",
                        iconFont: "iconfont icon-menzhenshoufei",
                        path: "/payOrDrug/noPayList/",
                        name:"noPayList",
                        isKeepAlive:true,
                    },
                    {
                        title: "已收费",
                        iconType: "iconFont",
                        iconFont: "iconfont icon-shoufeijilu",
                        path: "/payOrDrug/payList/",
                        name:"payList",
                        isKeepAlive:true,
                    },
                    {
                        title: "已退费",
                        iconType: "iconFont",
                        iconFont: "iconfont icon-tuifeibaozhang",
                        path: "/payOrDrug/refundList/",
                        name:"refundList",
                        isKeepAlive:true,
                    },
                ],
            };
        },
        methods: {
            updateView: function () {
                if (this.$refs["routerView"].updateApi) {
                    this.$refs["routerView"].updateApi();
                }
            },
        },
    };
</script>
<style lang="scss">
@import "@/assets/scss/payOrDrug/payOrDrug.scss";
@import "@/assets/scss/payOrDrug/centerView.scss";
</style>
